import CounterUI from './Counter'
import { connect } from 'react-redux'
import { increment, decrement, incrementAsync } from './action'


export default connect(
    // 返回值传给 UI 组件做属性
    (state) => {
        return { count: state }
    },
    // 返回值作为操作状态的方法
    // (dispatch) => (
    //     {
    //         increment: (val) => {
    //             dispatch(increment(val))
    //         },
    //         decrement: (val) => {
    //             dispatch(decrement(val))
    //         },
    //         incrementIfOdd: (val) => {
    //             dispatch(increment(val))
    //         },
    //         incrementAsync: (val, time) => {
    //             dispatch(incrementAsync(val, time))
    //         }
    //     }
    // )
    {
        increment,
        decrement,
        incrementIfOdd:increment,
        incrementAsync
    }
)(CounterUI)
